<script setup>
const handleClickMini = () => {
  AMessage.info('hello isboyjc, click mini AButton!')
}
//导入人民币小写转大写hooks
import { useNumToCny } from '@/hooks/useTools.js'

const rmbBig = useNumToCny(50003001)
// function rmbToBig() {
//   AMessage.info(useNumToCny(4001.2))
// }
</script>
<template>
  <div>hello isboyjc, This is toolsdog home page!</div>
  <div>{{ rmbBig }}</div>
  <a-space>
    <a-button type="primary" size="mini" @click="handleClickMini">
      Mini
    </a-button>
    <a-button type="primary" size="small">Small</a-button>
    <a-button type="primary">Medium</a-button>
    <a-button type="primary" size="large">Large</a-button>
  </a-space>

  <HelloWorld />

  <div class="text-20px">哈哈哈</div>
  <!-- ICON -->
  <div class="icon-style bg-pink h-100px">
    <icon-ep-alarm-clock class="text-20px" />
    <icon-home-copy class="text-20px" />
    <icon-home-download class="text-20px" />
  </div>
  <div @click="rmbToBig">人民币小写转大写：</div>
</template>
<style scoped>
.icon-style {
  @apply mt-10px;
}
</style>
